<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>元素节点属性方法</title>
</head>

<body>
    <script>
        // Element.getAttribute方法返回当前元素节点的指定属性。如果指定属性不存在，则返回null
        // Element.setAttribute方法用于为当前元素节点新增属性。如果同名属性已存在，则相当于编辑已存在的属性
        // Element.hasAttribute方法返回一个布尔值，表示当前元素节点是否包含指定属性
        // Element.removeAttribute方法用于从当前元素节点移除属性
        // 使用元素节点对象的dataset属性，它指向一个对象，可以用来操作 HTML 元素标签的data-*属性
        var n = document.getElementById('box');
        n.dataset.itbaizhan // itbaizhan
        n.dataset.itbaizhan = 'itbaizhan'
    </script>
</body>

</html>